@charset "UTF-8";
/*トップページ*/


#index  {
  position: relative;
  background: url(../images/index/main.png) center top no-repeat;
  width: 980px;
  height: 1010px;
  margin: 0 auto;
}
#index .news {
  width: 645px;
  position: relative;
  left : 0px;
  top : 740px;
  background: rgba(255, 255, 255, 0.75);
  float: left;
  overflow: hidden;
}
#index .news .title {
  background: url(../images/index/news.png) repeat no-repeat;
  border: 1px solid #dbd5d0;
  border-bottom: none;
	height: 33px;
	padding-left: 25px;
	padding-top: 7px;
	background-repeat: no-repeat;
}
#index .news .title p {
  font-size: 17px;
  font-weight: bold;
}
#index .news dl {
  color: #DC950F;
  border-bottom: 1px dashed #998989;
  line-height: 35px;
}
#index .news dl a{
  color: #DC950F;
}
#index .news dl dt {
  color: #655B55;
  font-size: 11px;
  float: left;
  margin-right: 20px;
}
#index .news dl dt:before {
  content: url(../images/index/news-icon.png);
  margin: 0 10px 0 3px;
}

@media screen and ( min-width:781px ){

    #index .news .comment {
        float: right;
        width: 535px;
        line-height: 20px;
    }
}

@media screen and ( max-width:780px ){
	#index  {
		position: relative;
		background-size: contain;;
		width: 100vw;
		height: 80vw;
	}
	#index .news {
		width:90vw;
		max-width: 570px;
		height:auto;
		position: unset;
		margin: 65vw 3vw 20px;
	}
	#index .news dl {
		line-height: 20px;
	}

	#index .news dl dt {
		width: 100%;
		margin: 0px;
	}
	#index .news dl dt:before {
		content: unset;
		margin: 0px;
	}

}

/*# sourceMappingURL=index.css.map */